import styled from "styled-components";

export const DiscoverWrapped = styled.div`
  .header{
  background-color:#c20c0c;
  border-bottom:1px solid #a40011;
  }
  .top{
    width:1100px;
    height:29px;
    margin:0 auto;
  }
`
export const TopMenu = styled.div`
  padding-left:180px;
  width:744px;
  height:29px;
  display:flex;
  a{
    margin-top:-5px;
    color:#fff;
    font-size:12px;
    &:nth-child(3){
      span{
        position:relative;
      }
    }
    &.active span{
      background-color:#9b0909;
      border-radius:20px;
    }
  }
  span{
    display:inline-block;
    margin:7px 17px 0;
    padding:0 13px;
    .top-icon{
      background:url(${require("@/assets/image/top-icon.png")});
      background-size:cover;
      position:absolute;
      height:8px;
      width:8px;
      top:2px;
    }
  }
`
